// 整体背景色
html {
    background-color: #EFEFF4;
}

// 头部
.head {
    height: 1.1733rem;
    background-color: #5485A2;
    position: relative;

    embed {
        position: absolute;
        width: .58rem;
        left: .2667rem;
    }

    p {
        font-size: 0.49rem;
        font-weight: 500;
        color: #FFFFFF;
    }
}

// 5
.two {
    background-color: #fff;
    border-top: solid .0133rem #E5E5E5;
    border-bottom: solid .0133rem #E5E5E5;
    color: #444444;

    .two-you {
        border-right: solid .0133rem #E5E5E5;
    }

    .two-ul {
        font-size: 0.4rem;
        height: 1.17rem;
        line-height: 1.17rem;

        li {
            width: 33.3333333%;
            text-align: center;
        }
    }

    embed {
        width: .3333rem;
    }
}

// 评论   
.six {
    width: 10rem;
    height: 1.17rem;
    background: #FFFFFF;
    border-bottom: solid .0133rem #E5E5E5;

    .six-ul {
        color: #888888;
        font-size: 0.27rem;
        height: 1.17rem;

        li {
            background: #EAF2F7;
            padding: .1333rem;
        }
    }
}

// 言
.seven {
    background: #FFFFFF;
    padding: 0.44rem 0.4rem;
    border-bottom: solid .0133rem #E5E5E5;

    .seven-1 {
        margin-bottom: 0.28rem;

        p:first-child {
            font-size: 0.35rem;
            color: #444444;
        }

        p:last-child {
            font-size: 0.32rem;
            font-weight: 500;
            color: #AAAAAA;
        }
    }

    .seven-2 {
        margin-bottom: 0.63rem;
        font-size: 0.32rem;
        color: #888888;
        line-height: 0.43rem;
    }

    .seven-3 {
        margin-bottom: 0.4rem;

        img {
            width: 2.93rem;
            height: 2.93rem;
        }
    }

    .seven-4 {
        font-size: 0.27rem;
        font-weight: 500;
        color: #BBBBBB;
    }

}

// 底部
.dibu {
    width: 100%;
    height: 1.31rem;
    position: fixed;
    background-color: #fff;
    bottom: -0.0133rem;
    left: -0.0133rem;
    border-top: solid 1px #DDDDDD;

    .dibu-1 {
        width: 33%;
        height: 1.31rem;
        background: #161F24;

        ul {
            .dibu-li {
                margin-right: .88rem;
            }

            li {
                text-align: center;
                font-size: 0.27rem;
                color: #FFFFFF;
                opacity: 0.5;
            }
        }
    }

    .dibu-2 {
        width: 67%;
        height: 1.31rem;
        font-size: 0.4rem;
        color: #FFFFFF;
        text-align: center;
        line-height: 1.31rem;

        .dibu-2-ul-1 {
            width: 50%;
            height: 1.31rem;
            background: #365C72;
        }

        .dibu-2-ul-2 {
            width: 50%;
            height: 1.31rem;
            background: #5293BA;
        }
    }
}

// 购物车
.shopping {
    position: fixed;
    bottom: 2rem;
    left: 8.4533rem;

    span {
        position: absolute;
        left: .8233rem;
        width: 0.45rem;
        height: 0.45rem;
        background: #F53F50;
        border-radius: 50%;
        text-align: center;
        line-height: 0.45rem;
        font-size: 0.27rem;
        color: #FFFFFF;
    }

    img {
        width: 1.17rem;
        height: 1.17rem;
        box-shadow: 0rem 0rem 0rem 0rem rgba(87, 138, 169, 0.2);
        border-radius: 50%;
    }
}